<div>
    <div class="tempBox " v-bind:class="{'margin-top':!perviewOn}">
        <!-- 上面部分 -->
        <div v-if="uploading" class="upload"> 正在上传</div>
        <!--第一部分-->
        <div class="banner1 rel">
            <div class="part1">
                <img :src="`${serverUrl}bg1.png`" alt="" class="fr">
                <textarea v-model="obj.text1" class="text1" maxlength="6" placeholder="这是相关标题" title="最多不超过6个字" :disabled="disabled"></textarea>
                <textarea v-model="obj.text2" class="text2" maxlength="6" placeholder="这是相关标题" title="最多不超过6个字" :disabled="disabled"></textarea>
                <textarea v-model="obj.text3" class="text3" maxlength="12" placeholder="这是副标题或者其他标题啊" title="最多不超过12个字" :disabled="disabled"></textarea>
                <textarea v-model="obj.text4" class="text4" maxlength="90" placeholder="暗示着有人恼春，于是有个人物忽悠地闪了一下，桃红“醉依在封姨的臂弯里”，一下子就不见了。但“多事”里隐蕴着的愠意，因封姨的出现有了着落。" title="最多不超过90个字" :disabled="disabled"></textarea>
                <div class="logo">
                    <textarea v-model="obj.logo_tip" class="logo_tip" maxlength="8" placeholder="这是相关slogan" title="最多不超过8个字" :disabled="disabled"></textarea>
                    <div class="rel">
                        <img :src="obj.logoUrl" alt="" class="logo_pic">
                        <img-input :disabled="disabled" :name="'logoUrl'" :titile="'建议上传162*44的图片'"></img-input>
                    </div>
                </div>
            </div>
            <div class="part2">
            </div>
        </div>
        <!--第一部分-->
        <div class="banner2">

            <div class="rel">
                <!--<img :src="obj.picUrl3" alt="" class="pic3">-->

                <el-carousel height="1170px" width="750px" class="pic1">
                    <el-carousel-item v-for="item in obj.imageFile1" :key="item">
                        <!-- <h3>{{ item }}</h3> -->
                        <img :src="item" style=" height:1170px;width:750px">
                    </el-carousel-item>
                </el-carousel>
                <img-input :disabled="disabled" :name="'imageFile1'" :multiple="true" :titile="'建议上传750*1170的图片'"></img-input>

            </div>
        </div>
        <div class="banner3">
            <div class="part1"></div>
            <div class="part2">
                <textarea v-model="obj.text5" class="text5" maxlength="80" placeholder="暗示着有人恼春，于是有个人物忽悠地闪了一下，桃红“醉依在封姨的臂弯里”，一下子就不见了。但“多事”里隐蕴着的愠意，因封姨的出现有了着落。" title="最多不超过80个字" :disabled="disabled"></textarea>
            </div>
        </div>
        <div class="banner4">

            <div class="rel">
                <!--<img :src="obj.picUrl3" alt="" class="pic3">-->

                <el-carousel height="1065px" width="750px" class="pic1">
                    <el-carousel-item v-for="item in obj.imageFile2" :key="item">
                        <!-- <h3>{{ item }}</h3> -->
                        <img :src="item" style=" height:1065px;width:750px">
                    </el-carousel-item>
                </el-carousel>
                <img-input :disabled="disabled" :name="'imageFile2'" :multiple="true" :titile="'建议上传750*1065的图片'"></img-input>

            </div>
        </div>

        <div class="banner5">
            <div class="part1"></div>
            <div class="part2">
                <textarea v-model="obj.text6" class="text6" maxlength="80" placeholder="暗示着有人恼春，于是有个人物忽悠地闪了一下，桃红“醉依在封姨的臂弯里”，一下子就不见了。但“多事”里隐蕴着的愠意，因封姨的出现有了着落。" title="最多不超过80个字" :disabled="disabled"></textarea>
            </div>
        </div>

        <div class="banner6">

            <div class="rel">
                <!--<img :src="obj.picUrl3" alt="" class="pic3">-->

                <el-carousel height="1136px" width="750px" class="pic1">
                    <el-carousel-item v-for="item in obj.imageFile3" :key="item">
                        <!-- <h3>{{ item }}</h3> -->
                        <img :src="item" style=" height:1136px;width:750px">
                    </el-carousel-item>
                </el-carousel>
                <img-input :disabled="disabled" :name="'imageFile3'" :multiple="true" :titile="'建议上传750*1136的图片'"></img-input>

            </div>
        </div>

        <div class="banner7">
            <div class="part1"></div>
            <div class="part2">
                <textarea v-model="obj.text7" class="text7" maxlength="80" placeholder="暗示着有人恼春，于是有个人物忽悠地闪了一下，桃红“醉依在封姨的臂弯里”，一下子就不见了。但“多事”里隐蕴着的愠意，因封姨的出现有了着落。" title="最多不超过80个字" :disabled="disabled"></textarea>
            </div>
        </div>


        <div class="banner8">

            <div class="rel">
                <!--<img :src="obj.picUrl3" alt="" class="pic3">-->

                <el-carousel height="1000px" width="750px" class="pic1">
                    <el-carousel-item v-for="item in obj.imageFile4" :key="item">
                        <!-- <h3>{{ item }}</h3> -->
                        <img :src="item" style=" height:1000px;width:750px">
                    </el-carousel-item>
                </el-carousel>
                <img-input :disabled="disabled" :name="'imageFile4'" :multiple="true" :titile="'建议上传750*1000的图片'"></img-input>

            </div>
        </div>

        <div class="banner9">
            <div class="part1"></div>
            <div class="part2">
                <textarea v-model="obj.text8" class="text8" maxlength="80" placeholder="暗示着有人恼春，于是有个人物忽悠地闪了一下，桃红“醉依在封姨的臂弯里”，一下子就不见了。但“多事”里隐蕴着的愠意，因封姨的出现有了着落。" title="最多不超过80个字" :disabled="disabled"></textarea>
            </div>
        </div>

        <div class="banner10">

            <div class="rel">
                <!--<img :src="obj.picUrl3" alt="" class="pic3">-->

                <el-carousel height="1127px" width="750px" class="pic1">
                    <el-carousel-item v-for="item in obj.imageFile5" :key="item">
                        <!-- <h3>{{ item }}</h3> -->
                        <img :src="item" style=" height:1127px;width:750px">
                    </el-carousel-item>
                </el-carousel>
                <img-input :disabled="disabled" :name="'imageFile5'" :multiple="true" :titile="'建议上传750*1127的图片'"></img-input>

            </div>
        </div>

        <div class="banner11">
            <div class="part1"></div>
            <div class="part2">
                <textarea v-model="obj.text9" class="text9" maxlength="80" placeholder="暗示着有人恼春，于是有个人物忽悠地闪了一下，桃红“醉依在封姨的臂弯里”，一下子就不见了。但“多事”里隐蕴着的愠意，因封姨的出现有了着落。" title="最多不超过80个字" :disabled="disabled"></textarea>
            </div>
        </div>

        <div class="banner12">

            <div class="rel">
                <!--<img :src="obj.picUrl3" alt="" class="pic3">-->

                <el-carousel height="500px" width="750px" class="pic1">
                    <el-carousel-item v-for="item in obj.imageFile6" :key="item">
                        <!-- <h3>{{ item }}</h3> -->
                        <img :src="item" style=" height:500px;width:750px">
                    </el-carousel-item>
                </el-carousel>
                <img-input :disabled="disabled" :name="'imageFile6'" :multiple="true" :titile="'建议上传750*500的图片'"></img-input>

            </div>
        </div>
        <!--底部上面的圖標-->
        <div class="foot_top">
            <img :src="`${serverUrl}pic7.png`" alt="">
        </div>
        <!--底部上面的圖標-->

        <!--底部-->
        <div class="foot" v-if="isshow">
            <img :src="`http://skyforest.static.elab-plus.com/temp/template7/mengban.png`" alt="">
        </div>
        <div class="foot" v-if="!isshow">
            <img :src="`http://skyforest.static.elab-plus.com/temp/template7/notmengcheng.png`" alt="">
        </div>
        <!--底部-->
    </div>
</div>
